<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="utf-8" />
    <title>Datenschutz</title>
    <!-- Mobile viewport optimisation -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- (en) Add your meta data here -->
    <!-- (de) Fuegen Sie hier ihre Meta-Daten ein -->
    <link href="./css/flexible-grids.css" rel="stylesheet" type="text/css" />
    <link href="lib/sidr-package-1.1.1/stylesheets/jquery.sidr.synectic.css" rel="stylesheet" type="text/css" />
    <link href="./css/Heatmap.css" rel="stylesheet" type="text/css" />
    <!--[if lte IE 7]>
            <link href="./yaml/core/iehacks.css" rel="stylesheet" type="text/css" />
        <![endif]-->
    <!--[if lt IE 9]>
            <script src="./lib/html5shiv/html5shiv.js"></script>
        <![endif]-->
    <script src="lib/jquery-1.7.2.js" type="text/javascript">
    </script>
    <script src="lib/ra-smooth-scroll.js" type="text/javascript">
    </script>
    <script src="lib/ra-fixed-navi.js" type="text/javascript">
    </script>
    <script src="lib/ra-listmenu.js" type="text/javascript">
    </script>
    <script src="lib/sidr-package-1.1.1/jquery.sidr.min.js">
    </script>
    <script type="text/javascript" data-main="heatlib/main" src="heatlib/require.js"></script>
    <style>
        
       .dechifre{
            text-align: center;
            margin: 0 auto;
           /* width:400px;*/
         }
        /*.dechifre:after{
            clear:left;
        }*/
        .chifre{
            background-color: #333;
            color: #fff;
            font-size: 3em;
            margin:0 0.2em;
            padding: 2px;
            width: 50px;
            border: 1px solid red;
            float:left;

        }
        .chifre:after{
            clear:left;
        }
    </style>


</head>


<body>

    <div id="wtf1" class="HeatmapAreaMouseMove ym-wrapper">
        <div id="wtf2" class=" ym-wbox ">

            <article id="wtf3" class=" ym-grid linearize-level-1 vSpacer">
                <h1>Datenschutz</h1>
                <h2>Was ist Datenschutz</h2>
                <div id="wtf4" class=" ym-g66 ym-gl">


                    <p>
                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipisicing elit. Nostrum, nisi repudiandae illum perferendis quos culpa cumque laboriosam eveniet id ullam. Nostrum, voluptas, sequi, dolorum laborum sit iusto explicabo odio adipisci deserunt neque deleniti mollitia. <i>Quasi, nostrum, at fugiat dolor officiis</i> quas vero eligendi odio dolorem placeat consectetur ab repudiandae inventore. Lorem ipsum dolor sit amet, consectetur adipisicing elit. <a href="#">Officiis, repellendus, voluptatum,</a> quasi suscipit similique reiciendis porro quidem praesentium obcaecati architecto sed sequi!
                        <strong>Explicabo</strong>, veniam sint quia consequatur iusto impedit harum iure eaque iste deserunt. Ab, ipsam, voluptate, earum, aut est quisquam quasi voluptatem officia nam quis aspernatur nobis eius deleniti.</p>
                </div>
                <div id="wtf5" class=" ym-g33 ym-gr left-m right-m">
                    <img id="wtf6" class=" shield" src="./img/synshield.png" alt="dateschutz logo synectic">
                </div>

            </article>
            <hr>
            <article id="wtf7" class=" ym-grid linearize-level-1 vSpacer">
                <div id="wtf8" class=" ym-g33 ym-gl">
                    <img src="./img/landesbeauftragte-01.png" alt="Grafik Landesbeauftragte für Datenschutz">
                    <h2 id="wtf9" class=" imgcaption">5 Landesbeauftragte für Dateschutz überzeugten unsere Produkte bereits</h2>
                </div>
                <div id="wtf10" class=" ym-g66 ym-gr right-l">
                    <h3>Jahrelange Erfahrung</h3>
                    <p>
                        Lorem ipsum dolorca sit amet, consectetur adipisicing elit. Laboriosam, est, ducimus, sapiente, qui rerum soluta quia quisquam perferendis atque recusandae fugit molestiae ad laborum natus explicabo?
                        <em>Quia, ipsum esse neque asperiores</em>quo voluptatem voluptate blanditiis iure quisquam laborum iusto similique odio. Eum, vel, culpa explicabo totam nihil fuga animi corporis consequuntur perferendis consectetur pariatur libero voluptatibus aliquam inventore assumenda voluptatem veritatis repellendus quis laboriosam cupiditate cum quo aut ullam maiores reprehenderit expedita sint incidunt quibusdam quam ea sapiente quas molestias dolore dolorem fugiat placeat adipisci tempora rem aperiam necessitatibus veniam repellat sunt consequatur ratione est accusamus? Corporis deleniti?
                    </p>
                </div>
            </article>
            <hr>
            <article id="wtf11" class=" ym-grid linearize-level-1 vSpacer">
                <h1 id="bla">Hosting</h1>
                <div id="wtf12" class=" ym-gbox">
                    <img id="wtf13" class=" vSpacer" src="./img/hosting_animation.gif" alt="">
                </div>
                <h2>Sicher von überall auf Ihre Daten zugreifen</h2>
                <div id="wtf14" class=" ym-g66 ym-gl">

                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem, doloremque, ea, reiciendis ipsa odio nesciunt cum corporis eveniet iusto quia est sunt explicabo repudiandae deserunt adipisci officiis ad pariatur fugiat labore excepturi. Necessitatibus, deserunt, nobis accusamus qui temporibus libero obcaecati enim odit neque nesciunt! Excepturi, cupiditate, quia, tempore, voluptatum reprehenderit nihil iste id unde provident enim voluptates vel sint dolor magnam explicabo quidem aliquam in nisi natus quod numquam. Voluptate, aliquam, officia fuga dolores commodi fugiat a quasi magnam ipsum ratione vero itaque nulla autem ullam assumenda optio aspernatur in laudantium laboriosam modi. Hic, vel, suscipit excepturi minima aliquam at.</p>
                </div>
                <div id="wtf15" class=" ym-g33 ym-gr right-s left-s">
                    <img src="./img/save-cloud.png" alt="">
                </div>
            </article>
            <hr>


            <article id="wtf28" class=" ym-grid linearize-level-1 vSpacer">

                <div id="wtf29" class=" ym-g33 ym-gl vSpacer">
                    <div id="wtf30" class=" ym-gbox">
                        <img src="./img/datenschutz-06.png" alt="">
                    </div>
                    <div id="wtf31" class=" ym-gbox  ">
                        <h3 id="wtf32" class=" center">Sichere Datenverwaltung</h3>
                        <p id="wtf33" class=" center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis autem porro dolorum dolore temporibus hic nemo laboriosam voluptate laborum dicta!</p>
                    </div>
                </div>
                <div id="wtf34" class=" ym-g33 ym-gl vSpacer">
                    <div id="wtf35" class=" ym-gbox">
                        <img src="./img/datenschutz-07.png" alt="">
                    </div>
                    <div id="wtf36" class=" ym-gbox  ">
                        <h3 id="wtf37" class=" center">Benutzerverwaltung mit spezifischen rechten</h3>
                        <p id="wtf38" class=" center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione, omnis facere velit facilis debitis veniam sed sunt perspiciatis asperiores harum.</p>
                    </div>
                </div>
                <div id="wtf39" class=" ym-g33 ym-gr vSpacer">
                    <div id="wtf40" class=" ym-gbox">
                        <img src="./img/datenschutz-08.png" alt="">
                    </div>
                    <div id="wtf41" class=" ym-gbox  ">
                        <h3 id="wtf42" class=" center">Umfangreicher Support</h3>
                        <p id="wtf43" class=" center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam, alias asperiores eos voluptas a impedit quasi officia ratione dolores consequuntur?</p>
                    </div>
                </div>

            </article>

            <hr>
        </div>
    </div>
    <footer>
        <!-- FOOTER -->
        <div id="wtf44" class=" ym-wrapper footer">
            <div id="wtf45" class=" ym-wbox">
                <div id="wtf46" class=" ym-grid">
                    <div id="wtf47" class=" footer-information linearize-level-1">
                        <div id="wtf48" class=" ym-g33 ym-gl">

                            <p><i id="wtf49" class=" icon-map-marker icon-3x pull-left"></i>
                                synectic software &amp; services gmbh
                                <br />Weißenseer Weg 110
                                <br />10369 Berlin
                            </p>
                            <p><i id="wtf50" class=" icon-phone icon-3x pull-left"></i>
                                Tel: 030 / 80 20 89 83 0
                                <br />Fax: 030 / 80 20 89 83 9
                            </p>
                            <p><i id="wtf51" class=" icon-globe icon-3x pull-left"></i>
                                info@synectic.de
                                <br />synectic.de
                            </p>
                        </div>
                        <div id="wtf52" class=" ym-g33 ym-gl">
                            <h3>Kontakt</h3>
                            <p>Telefonisch erreichbar von:
                                <br />Mo - Fr: 08:00 - 17:00
                            </p>
                            <br />
                            <button id="wtf53" class=" ym-button">Kontakt</button>



                        </div>
                        <div id="wtf54" class=" ym-g33 ym-gr">
                            <h3>Newsletter</h3>
                            <div id="wtf55" class=" ym-fbox newsletter">

                                <div id="wtf56" class=" ym-fbox-wrap ym-grid">

                                    <div id="wtf57" class=" ym-gbox-left">

                                        <input type="text" Placeholder="Name" id="fo-news-name" />
                                    </div>


                                    <div id="wtf58" class=" ym-gbox-left">

                                        <input type="text" Placeholder="Firma" id="fo-news-firma" />
                                    </div>


                                    <div id="wtf59" class=" ym-gbox-left">

                                        <input type="text" placeholder="E-Mail" id="fo-news-email" />
                                    </div>


                                    <button id="wtf60" class=" ym-button">Senden</button>
                                    <p id="wtf61" class=" disclaimer">Ihre Daten werden nicht an dritte weiter gegeben</p>

                                </div>

                            </div>
                        </div>

                    </div>

                </div>
                <!-- grid -->
            </div>
            <!-- box -->

        </div>


        <div id="wtf62" class=" rightsWrapper">
            <div id="wtf63" class=" ym-wrapper rights">
                <div id="wtf64" class=" ym-wbox">
                    <div id="wtf65" class=" ym-grid">
                        <div id="wtf66" class=" ym-g50 ym-gl">Copyright © 2013 synectic synectic software & services gmbh</div>
                        <div id="wtf67" class=" ym-g50 ym-gr"> <a href="#">Impressum</a> | <a href="#bla">Datenschutz</a> 
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <div id="wtf68" class=" map">
        <iframe width="100%" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/maps?f=q&amp;source=s_q&amp;hl=de&amp;geocode=&amp;q=Synectic+Software+%26+Services+GmbH,+Wei%C3%9Fenseer+Weg,+Berlin&amp;aq=0&amp;oq=syne&amp;sll=52.506844,13.424732&amp;sspn=0.738072,2.113495&amp;ie=UTF8&amp;hq=Synectic+Software+%26+Services+GmbH,&amp;hnear=Wei%C3%9Fenseer+Weg,+13055+Berlin&amp;t=m&amp;cid=13250542319844924211&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
    </div>

    <!-- ###DOCUMENT### -->
</body>

</html>

